<extend name="Base/common"/>

<block name="style">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/detail.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/goodsdetail.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/pdp.css">

</block>


<block name="body">
	<div class="show_goods_detail">
    <hr>
    <!--start pop bg-->
    <div class="addCartOverlay">
    </div>
    <!--end pop bg-->
    <div class="bcBox mt110 cf">
      <a class="goBack" href="javascript:history.go(-1)" title="返回">
                  < 返回
      </a>
      <a href="http://www.adidas.com.cn/" title="首页">
        <em>
                         首页
        </em>
      </a>

      <h3>
      <!-- 上部面包屑旁边的商品名称 -->
          三叶草 女子 EXTABALL W 经典鞋 纯质冰灰 S75786
      </h3>

    </div>

    <div class="pdpInfo">

      <div class="wrapper cf">
          <div class="pdpRight" >
            
            <!-- 左边小图片j -->
            <div class="leftimg">
              <ul>
                <li><img src="__IMG__/img/51_878.jpg" alt="" width="60px"></li>
                <li><img src="__IMG__/img/51_878.jpg" alt="" width="60px"></li>
                <li><img src="__IMG__/img/51_878.jpg" alt="" width="60px"></li>
                <li><img src="__IMG__/img/51_878.jpg" alt="" width="60px"></li>
                <li><img src="__IMG__/img/51_878.jpg" alt="" width="60px"></li>
                
              </ul> 
            </div>
             <!-- 大图片 -->
            <div class="leftbig">
              <img src="__IMG__/img/4.jpg" width="500px" alt="">
            </div>

          </div>
          <!--start product detail right-->
          <!--start product detail left-->
          <div class="col3 pdpLeft">
            <!--start rating-->
            <div class="pdpStarBox">
              <span class="star star5">
              </span>
              <!-- 评价数目 -->
              <a href="http://www.adidas.com.cn/ay7788#copment">
                                        共2条评价
              </a>
            </div>
            <!--end rating-->
            <!--start product tit-->
            <h1 class="pdpTit">
              <!-- 商品名称 -->
              三叶草 女子 EXTABALL W 经典鞋 

              <em>
              <h1><b>S75786</b></h1>
              </em>
            </h1>

            <!-- 价格 -->
            <p class="pdpPrice">
              ¥8888 
              <span class="yuan">¥888</span>
            </p>
            <!-- 选择颜色 -->
            <div class="pdpColorBox">
              <p class="pdpColorTxt">
                <span>
                  颜色
                </span>
                <span class="last">
                  黑色 [型号:AQ777]
                </span>
                <em>
                </em>
              </p>

              <!-- 商品缩略图 -->
              <p class="pdpColorImg cf">
                <a class="product-image" href="#">
                  <img alt="" src="__IMG__/img/9c_926.jpg" title="" width="60"/>
                </a>
                <a class="product-image" href="#">
                  <img alt="" src="__IMG__/img/9c_926.jpg" title="" width="60"/>
                </a>
              </p>
               <a href="javascript:;" title="尺码表" class="pdpSizeTxt">尺码表</a>
            </div>
            <!--start product color-->
            <!--start product size-->
            <div id="show_product_details">
              <form action="../Common/ControlFlow/do_shopcart.php?gid=<?php echo $gid;?>&oper=add" id="product_addtocart_form" method="post">
	                <div class="choice-size-box">
	                  <select class="product_size" name="goods_size">
	                  	<option value="0">选择尺码</option>
	                  	<option value="1">XS</option>
	                  	<option value="2">S</option>
	                  	<option value="3" selected>M</option>
	                  	<option value="4">L</option>
	                  	<option value="5">XL</option>
	                  </select>
	                  <span class="down-arrow"></span>
	                </div>
	                
	                <div class="choice-num-box">
	                  <select class="product_num" name="goods_num">
	                  	<option value="0">数量</option>
	                  	<option value="1" selected>1</option>
	                  	<option value="2">2</option>
	                  	<option value="3">3</option>
	                  	<option value="4">4</option>
	                  	<option value="5">5</option>
	                  	<option value="6">6</option>
	                  	<option value="7">7</option>
	                  	<option value="8">8</option>
	                  	<option value="9">9</option>
	                  	<option value="10">10</option>
	                  </select>
	                  <span class="down-arrow"></span>
	                </div>
	                <div class="cb"></div>
	                
                
                <!--end product size-->
                    <div class="mt20">
                      <button type="submit" class="addCart btnCommon btnBlueLinear btnAddBag" title="加入购物袋" style="width:310px;">
                                                                     加入购物袋
                      </button>
                    </div>
              </form>
              
            </div>
            <!--end product size-->

            

            <div class="cf mt20" id="c_share">
              <div class="pdpWWbox mr5">
	            	<div class="pdpWeibo"></div>
            	</div>

            	<div class="pdpWWbox mr5">
	            	<div class="pdpWeixin"></div>
            	</div>
            </div>
          </div>
          <!--end product detail left-->
        </div>
        <!--end product img show-->

        <!--start product detail Txt-->
        <div class="pdpTxt">
          <table border="0" cellpadding="0" cellspacing="0" style=" width:100%; clear:both;" width="100%">
            <tbody>
              <tr>
              <!-- 商品大文字开始 -->
                <td align="center" style="font-family:Helvetica, Arial, 'Heiti SC', 'ST Heiti', 华文黑体, 'Microsoft YaHei', 雅黑体, SimHei, 黑体, sans-serif; font-size:2.2em; line-height:1.8em; letter-spacing:6px; padding-bottom:30px; text-align:center;">
                  三叶草 女子 EXTABALL W 经典鞋 纯质冰灰 S75786
                </td>
              <!-- 商品大文字结束 -->
              </tr>
              <tr>
              	<td>
              		<div class="pdp_size_table">
					        	<img src="__IMG__/img/size.gif">
					        </div>
              	</td>
              </tr>
              <tr>
              	<td>
              		<div class="pdp_size_table">
					  <img src="__IMG__/img/mansize.gif">
					</div>
              	</td>
              </tr>
              <tr>
              	<td>
              		<div class="pdp_size_table">
					  <img src="__IMG__/img/tablesize.gif">
					</div>
              	</td>
              </tr>
            </tbody>
          </table>
        </div>
        <!--end product detail Txt-->
        <!--start pdp comments-->
        <div class="pdpComments cf" id="copment">
          <!--start pdp commonts tit-->
          <h3 class="pdpOtherTit">
                              排名&评论
          </h3>
          <!--end pdp commonts tit-->
          <!--start pdp commonts top-->
          <div class="pdpCommentsTop cf">
            <!--start pdp commonts filter-->
            <div class="pdpCommentsFilter fl">
              <span class="pdpCopySelectTit">
                                         筛选
              </span>
              <div class="filterBox">
                <div class="filterVal">
                                              评论星级
                </div>
                <span class="iconArr">
                </span>
                <ul data-r="0" id="filterBoxUl" style="display: none;">
                  <li class="">
                    <span>
                      5颗星
                    </span>
                    <span class="star star5">
                    </span>
                    <em>
                      [ 2 ]
                    </em>
                  </li>
                  <li class="last">
                    <span>
                      4颗星
                    </span>
                    <span class="star star4">
                    </span>
                    <em>
                      [ 0 ]
                    </em>
                  </li>
                  <li class="last">
                    <span>
                      3颗星
                    </span>
                    <span class="star star3">
                    </span>
                    <em>
                      [ 0 ]
                    </em>
                  </li>
                  <li class="last">
                    <span>
                      2颗星
                    </span>
                    <span class="star star2">
                    </span>
                    <em>
                      [ 0 ]
                    </em>
                  </li>
                  <li class="last">
                    <span>
                      1颗星
                    </span>
                    <span class="star star1">
                    </span>
                    <em>
                      [ 0 ]
                    </em>
                  </li>
                </ul>
              </div>
            </div>
            <div class="pdpCommentsFilter fl">
              <span class="pdpCopySelectTit">
                                          排序
              </span>
              <div class="sortType" id="sort_type">
                <a class="cur" data-sort="created_at" href="javascript:;">
                                              最新评论
                </a>
                <a data-sort="crate" href="javascript:;">
                                               评论星级
                </a>
              </div>
            </div>
            <!--end pdp commonts filter-->
          </div>
          <!--end pdp commonts top-->
          <div class="commentsTotal">
            <div class="star star5">
            </div>
            <!-- 评论数量、占比 -->
            <h6>
              2评论
            </h6>
            <h2>
              14%
            </h2>
            <!-- 评论数量、占比 -->
            <p>
                                    的顾客评价过此商品
            </p>
          </div>
          <!--start pdp commonts list-->
          <div class="pdpCommentsList">
            <!--start pdp commonts box-->
            <div class="pdpCommentsBox cf">
              <!--start pdp commonts box left-->
              <div class="pdpCommentsUser cf">
                <div class="star star5">
                </div>
                <!-- 评论时间 -->
                <p class="pdpCommentsTime">
                  2016.10.13
                </p>
                <!-- 评论时间 -->
              </div>
              <!--end pdp commonts box left-->
              <!--start pdp commonts box right-->
              <div class="pdpCommentsTxt cf">
              	<!-- 评论标题 -->
                <h4 class="pdpCommentsTit">
                                              衣服好看
                </h4>
                <!-- 评论标题 -->

                <!-- 评论内容 -->
                <p class="pdpCommentsCont">
                                                买小了，老婆能穿给她了，看起来也不错
                </p>
                <!-- 评论内容 -->
              </div>

              <!-- 评论会员信息 -->
              <p class="pdpCommentsUserInfo">
                sanzhizhu
                <span>
                  - 已购买商品
                </span>
              </p>
              <!-- 评论会员信息 -->
              <!--end pdp commonts box right-->
            </div>
            <!--end pdp commonts box-->

          </div>
          <!--end pdp commonts list-->
        </div>
        <!--end pdp comments-->
      </div>
    </div>

</div>
	<hr>
</block>


